<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
       
    </style>
</head>

<body>
    <!-- 作业要求：
    1.设置文章标题的颜色为blue，不要直接通过h2选择。尝试2种以上的选择器方案
    2.正文第一段文字第一个文字字体20px(font-size:20px),加粗(font-weight:bold),颜色#333(color:#eee)
    3.正文第二段文字颜色#666
    4.最后一段文字第一行设置红色的下划线(text-decoration: red;)
    5.不要给article里面的元素添加任何id和class
    -->
    <article>
        <h2>兰亭集序</h2>
        <p>永和九年，岁在癸丑，暮春之初，会于会稽山阴之兰亭，修禊事也。</p>
        <p>群贤毕至，少长咸集。</p>
        <p>此地有崇山峻岭，茂林修竹，又有清流激湍，映带左右，引以为流觞曲水，列坐其次。虽无丝竹管弦之盛，一觞一咏，亦足以畅叙幽情。</p>
        <p>是日也，天朗气清，惠风和畅。仰观宇宙之大，俯察品类之盛，所以游目骋怀，足以极视听之娱，信可乐也。</p>
        <p>夫人之相与，俯仰一世。或取诸怀抱，悟言一室之内；或因寄所托，放浪形骸之外。虽趣舍万殊，静躁不同，当其欣于所遇，暂得于己，快然自足，不知老之将至；及其所之既倦，情随事迁，感慨系之矣。向之所欣，俯仰之间，已为陈迹，犹不能不以之兴怀，况修短随化，终期于尽！古人云：“死生亦大矣。”岂不痛哉！
            每览昔人兴感之由，若合一契，未尝不临文嗟悼，不能喻之于怀。固知一死生为虚诞，齐彭殇为妄作。后之视今，亦犹今之视昔，悲夫！故列叙时人，录其所述，虽世殊事异，所以兴怀，其致一也。后之览者，亦将有感于斯文。</p>
    </article>
     <!-- 作业要求：
    1.实现性别单选。
    2.点击文字选中对应的单选按钮。
    3.默认保密选项被选中，且默认的选项对应的lable标签颜色为blue，加粗。
    4.选择单选，对应的label改变颜色
    -->
    <form>
        <label for="">性别:</label><br>
        <input type="" id="seceret"  >
        <label for="">保密</label>
        <input type="" id="male" >
        <label for="">男</label>
        <input type="" id="female" >
        <label for="">女</label>
    </form>
    <!-- 作业要求：
    在不添加任何hmtl的情况下，在内容的最前面插入一个图片，在内容的最后面插入一个色块，宽高20px,颜色自定义。
    -->
    <div id="box">
        内容
    </div>

</body>

</html>